<template>
<div>
  <el-tag type="success">视频服务器设置</el-tag>
  <el-divider></el-divider>
  <el-table
    :data="tableData"
    stripe
    style="width: 100%">
    <el-table-column
      prop="type"
      label="类型"
      width="180">
    </el-table-column>
    <el-table-column
      prop="ip"
      label="IP唯一码"
      width="180">
    </el-table-column>
    <el-table-column
      prop="userName"
      label="用户名">
    </el-table-column>
      <el-table-column
      prop="password"
      label="密码">
    </el-table-column>
  </el-table>
    <el-divider></el-divider>
  <!-- 摄像头列表页面 -->
    <el-row :gutter="20">
      <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
    <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
     <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
   <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
    </el-row>
     <el-row :gutter="20">
      <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
    <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
     <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
   <el-col :span="6"><img src="https://files.catbox.moe/ezu2mg.png" style="width:100%;"/></el-col>
    </el-row>
        <el-divider></el-divider>
    <el-button type="primary" icon="el-icon-video-camera" size="small" @click="jumpCamli"> 更多</el-button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          type: '1',
          ip: '162721813621310',
          userName: 'admin',
          password: 'admin'
        },
        {
          type: '2',
          ip: '162721813621310',
          userName: 'admin',
          password: 'admin'
        },
        {
          type: '3',
          ip: '162721813621310',
          userName: 'admin',
          password: 'admin'
        },
          ]
      }
    },
    methods: {
      jumpCamli() {
        this.$router.push({
          path: '/camli'
        })
      }
    }
  }
</script>